<!--实名制人员库-->
<template>
    <view id="realname_member">
      <!-- <view class="memberlist">
        <view class="menberScroll">  
              <view class="item" v-for="(e,i) in datalist" :key="i" @click="clickitem(e.employeeId)">
                <view :class="['iteml', e.sex=='女'?'monen':'']">
                  <view class="iconbg"><i class="icon icon1"></i></view>
                  <view class="names">
                    <view class="name"><span class="t1">{{e.name}}</span><span class="t2">{{e.sex}}</span></view>
                    <span class="temperature">体温:{{e.temperature=="" || typeof(e.temperature)=="undefined"?"暂无数据":e.temperature}}</span>
                    <span class="num">{{e.cardNumber}}</span>
                  </view>
                </view>
                <view :class="['shiname',e.check != '未实名'?'':'noname']">
                  <i class="icon icon2"></i>
                  <span>{{e.check != '未实名'?getLang.real_name:getLang.no_real_name}}</span>
                </view>
              </view>
        </view>
      </view> -->
    </view>
</template>

<script>
  export default {
    data () {
      return {
        datalist: [],
        pageNum: 0
      }
    },
    created () {
      // this.getSmartData()
    },
    methods: {
      clickitem (id) {
        // this.$router.push({path: '/site/realname_mbDetail/' + this.$route.params.appid + '/' + this.$route.params.token + '/' + this.$route.params.projectid + '/' + id})
      },
    //   getSmartData (obj) {
    //     var page = 1
    //     if (obj && obj.touchtype == 'refresh') {this.pageNum = 0}
    //     page = this.pageNum + 1
    //     this.$store.dispatch('getSmartData', 'Project/getProjectPeople/appID/' + this.$route.params.appid + '/appToken/' + this.$route.params.token + '/projectId/' + this.$route.params.projectid + '/page/' + page).then(res => {
    //       if(res.data.status == '200000') {
    //         if (res.data.data.list.length < 1) {
    //           page = page-1
    //           obj.done(true)
    //         } else if (obj && obj.touchtype == 'refresh') {
    //           this.datalist = res.data.data.list
    //         } else {
    //           this.datalist = this.datalist.concat(res.data.data.list)
    //         }
    //         this.pageNum = page
    //         if (obj && res.data.data.list.length > 1) {
    //           this.$refs.memberList && this.$refs.memberList.refreshpage(page)
    //           obj.done(false)
    //         }
    //       } else {
    //         this.showtip = true
    //         this.tip = res.data.message
    //         this.datalist = []
    //          obj && obj.done(true)
    //       }
    //     }, (error) => {
    //       console.log(error)
    //     })
    //   }
    }
  }
</script>

<style lang="scss">
  #realname_member{padding:1rem 0.6rem 2rem;background-color: #fafafa;height: 100%;/*background-image:  url("../../assets/images/gongde/3.jpg");*/background-repeat: no-repeat;background-position: left bottom;background-color: #fff;background-size: cover;
    .menberScroll{
        .memberlist{height:100%;box-shadow: 0 0 25px rgba(0,0,0,0.05);background-color: rgba(255,255,255,0.8);border-radius: 0.3rem;padding:0.3rem 0rem;
            .item{display: flex;align-items: center;border-bottom:1px solid #aaaaaa;padding:0.7rem 0;justify-content: space-between;
            .iteml{display: flex;align-items: center;
                .iconbg{background-color: #228de7;width:2.25rem;height:2.25rem;border-radius: 50%;padding:0.45rem;
                //   .icon1{-webkit-mask-image: url(../../assets/images/gongde/icon/boy.svg);background-color: #fff;}
                }
                .names{padding-left:0.6rem;
                .name{display: flex;align-items: flex-end;
                    .t1{color:#545454;font-weight: 700;font-size:0.8rem;line-height: 0.8rem;}
                    .t2{padding-left:0.6rem;color:#228de7;font-size:0.6rem;}
                }
                .temperature{display: block;text-align: left;padding-top: 0.25rem;font-size: 0.7rem;}
                .num{padding-top:0.35rem;color:#545454;display: block;font-size: 0.7rem;}
                }
            }
            .shiname{
                // .icon2{width:1.5rem;height:1.5rem;-webkit-mask-image: url(../../assets/images/gongde/icon/name.svg);background-color: #228de7;}
                span{display: block;text-align: center;color:#228de7;padding-top:0rem;font-size: 0.6rem;}
            }
            .noname{
                // .icon2{-webkit-mask-image: url(../../assets/images/gongde/icon/noname.svg)!important;background-color: #8a8a8a!important;}
                span{color:#8a8a8a!important;}
            }
            }
            .item:last-child{border-bottom: 0;}
            .monen{
            .iconbg{background-color: #ed65b2!important;
                // .icon1{-webkit-mask-image: url(../../assets/images/gongde/icon/momen.svg)!important;}
            }
            .t2{color:#ed65b2!important;}
            }      
        }
    }
  }
</style>
